<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/register.css">
</head>

<body>
    <!--top栏开始  -->
    <div class="container-fluid fheader">
        <div class="zz">
            <div id="header" class="container">
                <div class="container clearfix:after sonheader font16">
                    <h1 class="url fl fwb">乐购www.legou.com</h1>
                    <ul class="fr fwb">
                        <li>欢迎光临乐购&nbsp;&nbsp;&nbsp;&nbsp; 请
                            <a href="dust.html" class="registerl">&nbsp;
                                登录&nbsp;</a>&nbsp;|&nbsp;
                            <a href="register.html" class="registerr">&nbsp;注册&nbsp;</a></li>
                    </ul>
                </div>
            </div>
            <!-- 搜索导航栏开始 -->
            <div id="nav" class="container">
                <a href="index.html"> <img class="logo"></a>
                <div class="fr">
                    <div class="searchNav fr"> <input type="text" class="search fwb font16" value="请输入商品名">
                        <i class="searchone"><img src="images/搜索.png" alt=""></i>
                        <button class="fr marginRight font16 fwbq"><i class="searchtwo"><img src="images/购物车.png"
                                    alt=""></i>我的订单</button>
                        <button class="fr font16 cFFB70B fwb Shopping">购物车<span class="fwb cfff">0</span></button>
                    </div>
                    <div>
                        <ul class="fl font16 fwb ">
                            <li><a href="#">图书</a></li>
                            <li><a href="#">电子书</a></li>
                            <li><a href="#">原创文学</a></li>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">户外运动</a></li>
                            <li><a href="#">孕婴装</a></li>
                            <li><a href="#">家居</a></li>
                            <li><a href="#">创业文具</a></li>
                            <li><a href="#">地方房产</a></li>
                            <li><a href="#">海外购</a></li>
                            <li><a href="#">电器城</a></li>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索导航栏结束 -->
    <!-- 注册页面 -->
    <div class="regist">
        <div class="step">
            <ul class="clearfix">
                <li class="borderbotFFB70B a1"><i class="backcolorff9c00 cfff">&nbsp;1 &nbsp;</i> 设置用户名</li>
                <li class="ca5b a2"><i class="backcolora5a5b1 cfff">&nbsp;2 &nbsp;</i> 填写账号信息</li>
                <li class="ca5b a3"><i class="backcolora5a5b1 cfff">&nbsp;√ &nbsp;</i> 注册成功</li>
            </ul>
        </div>
        <div class="agreement">
            <div class="font12 login  begin c000">
                <h3 class="font16 fwb">注册协议</h3>
                <p>
                    <span class="fwb">【审慎阅读】</span> 您在申请注册流程中点击同意前，应当认真阅读以下协议。<span class="textdecoration fwb">请您务必审慎阅读、充分理解协议中相关条款内容，其中包括:</span>
                </p>
                <p class="fwb"> <span>1、</span>
                    <span class="textdecoration"> 与您约定免除或限制责任的条款； </span></p>
                <p class="fwb"><span>2、</span>
                    <span class="textdecoration">与您约定法律适用和管辖的条款；</span></p>
                <p class="fwb"> <span>3、</span>
                    <span class="textdecoration">其他以粗体下划线标识的重要条款。</span></p>
                <p>如您对协议有任何疑问，可向平台客服咨询。</p>
                <p>【特别提示】当您按照注册页面提示填写信息、阅读并同意协议且完成全部注册程序后，即表示您已充分阅读、理解并接受协议的全部内容。如您因平台服务与淘宝发生争议的，适用《淘宝平台服务协议》处理。如您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的协议处理。</p>
                <p class="textdecoration fwb">阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止注册程序。</p>
                <ul>
                    <li>平台服务协议</li>
                    <li>隐私权政策</li>
                    <li>法律声明</li>
                    <li>支付宝及客户端服务协议</li>
                </ul>
                <div class="cent"><button>同意协议</button></div>
            </div>
            <div class="login import hidden">
                <form action="" id="myform" onsubmit="return false">
                    <p><span>真实姓名：</span><input type="text" name="username" id="username" value="真实姓名"></p>
                    <p><span>用户名：</span><input type="text" name="user" value="用户名"></p>
                    <p><span>密码：</span><input type="text" name="password" value="密码"></p>
                    <p><span>确认密码：</span><input type="text" name="passwordtwo" value="确认密码"></p>
                    <p><span>密码强度：</span><em></em>
                        <em></em>
                        <em></em></p>
                    <p class="emaill"><span>邮箱：</span><input type="email" name="email" value="asdasd@qq.com"><i>@</i><select name="" id="">
                        <option value="">163.com</option>
                        <option value="">qq.com</option>
                    </select></p>
                    <p><span>手机号：</span><input type="tel" name="tel" value="手机号"></p>
                    <p class="codez"><span>验证码：</span><input type="text" name="code" value="验证码"><em>验证码</em></p>
                    <p id="subMit"><input type="submit" value="提交注册"></p>
                </form>
            </div>
            <div class="login succeed hidden">
                <img src="images/3-3注册(注册成功).jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 注册页面结束 -->
    <!-- 尾部开始 -->
    <div class="container-fluid ">
        <div id="footr" class="clearfix container ">
            <!-- 服务栏 -->
            <div class="serve clearfix container ">
                <ul class="fl ">
                    <li>
                        <i class="fl ">
                            <img src="images/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">正品保障</p>
                        <p class="font14 ">正品行货 放下选购</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">满86包邮</p>
                        <p class="font14 ">满86 免运费</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">售后无忧</p>
                        <p class="font14 ">7天无理由退货</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">准时送达</p>
                        <p class="font14 ">收货时间由你做主</p>
                    </li>
                </ul>
            </div>
            <!-- 服务栏结束 -->
            <!-- 尾部导航栏 -->
            <div class="footrnav clearfix container ">
                <ul>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li class="r ">
                        <h3>加微信查订单</h3>
                        <img src="images/qryhd.png " alt=" ">
                    </li>
                    <li class="r ">
                        <h3>app更优惠</h3>
                        <img src="images/qryhd.png " alt=" ">
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 版权与合作商 -->
    <div class="container-fluid backColorf4 ">
        <div class="backColorf4 copyright container ">
            <ul>
                <li><span>© 1997-2020xxxxx版权所有 | </span>
                    <span>公司简介 | </span>
                    <span>联系方法 |</span>
                    <span>招聘信息 |</span>
                    <span> 客户服务 |</span></li>
                <li>
                    <span>© 1997-2020xxxxx版权所有 | </span>
                    <span>公司简介 | </span>
                    <span>联系方法 |</span>
                    <span>招聘信息 |</span></li>
                <li><img src="images/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg " alt=" ">
                    <img src="images/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png " alt=" ">
                    <img src="images/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg " alt=" ">
                    <img src="images/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg " alt=" ">
                    <img src="images/f582260777c44b30.png " alt=" "></li>
            </ul>
        </div>
    </div>
    <!-- 尾部结束 -->
    <!-- 头搜索框 -->
    <div class="positionf Stream container-fluid">
        <div class="searchNav fr searchNav2"> <input type="text" class="search fwb font16" value="请输入商品名">
            <i class="searchone"><img src="images/搜索.png" alt=""></i>
        </div>
    </div>
    <!-- 定位侧边栏 -->
    <div class="left clearfix">
        <ul>
            <li class="icon1"><img src="images/icon_rs8mdvvj6ri/more.png " alt=" "><span>衣装</span></li>
            <li class="icon2"><img src="images/icon_rs8mdvvj6ri/mic.png " alt=" "><span>衣装</span></li>
            <li class="icon3"><img src="images/icon_rs8mdvvj6ri/modular.png " alt=" "><span>衣装</span></li>
            <li class="icon4"><img src="images/icon_rs8mdvvj6ri/operation.png " alt=" "><span>衣装</span></li>
            <li class="icon5"><img src="images/icon_rs8mdvvj6ri/menu.png " alt=" "><span>衣装</span></li>
            <li class="icon6"><img src="images/icon_rs8mdvvj6ri/pad.png " alt=" "><span>衣装</span></li>
        </ul>
    </div>
    <div class="right">
        <ul>
            <li>下载app</li>
            <li><img src="images/qryhd.png " alt=" "></li>
            <li class="shopping00 "><img src="images/购物车空.png " alt=" "> 购物车</li>
        </ul>
    </div>
    <script src="js/index.js "></script>
    <script src="js/jquery.js "></script>
    <script src="js/common.js "></script>
    <script src="slid/slide.fn.js "></script>
    <script src="js/banner.js "></script>
    <script src="js/resgister.js"></script>
    <script src="slid/validate/messages_zh.js"></script>
    <script src="slid/validate/jquery.validate.js"></script>
    <script src="js/Product.js"></script>
    <!-- <script src="js/jquery-1.11.0.js"></script> -->
</body>

</html>